<template>
    <div class="right-cpn">
    <div class="right-cpn-content">
      <topCpn></topCpn>
      <messageCpn></messageCpn>
      <bannerCpn></bannerCpn>
      <downCpn></downCpn>
    </div>
  </div>
</template>

<script>
import topCpn from "./components/topCpn.vue";
import messageCpn from "./components/messageCpn.vue";
import bannerCpn from "./components/bannerCpn.vue";
import downCpn from "./components/downCpn.vue";
    export default {
        components: {
    topCpn,
    messageCpn,
    bannerCpn,
    downCpn,
  },
    }
</script>

<style scoped lang="css">
.right-cpn {
  flex: 8;
  height: 100vh;
  background-color: white;

  margin: auto;
}
.right-cpn-content {
  width: 940px;
  height: 100vh;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
}
</style>